﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - Hangtot.com</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    <link href="~/Content/font-awesome.min.css" rel="stylesheet" />
</head>
<body>
    <header class="header-container container-fluid" role="heading">
        <div class="top-header-wrapper">
            <div class="container">
                <div class="top-header">
                    <div class="pull-left">
                        <ul class="list-inline">
                            <li>
                                <a href="#" title="Rao vặt">Rao vặt</a>
                            </li>
                            <li>
                                <a href="#" title="Reviews">Reviews</a>
                            </li>
                        </ul>
                    </div>
                    <div class="pull-right">
                        <ul class="list-inline">
                            <li>
                                <a href="#" title="Kiểm tra đơn hàng">Kiểm tra đơn hàng</a>
                            </li>
                            <li>
                                <a href="#" title="Chăm sóc khách hàng">Chăm sóc khách hàng</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="top-nav-wrapper">
            <nav class="navbar top-nav" role="navigation">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-left">
                            <span class="sr-only">Left menu</span>
                            <span class="glyphicon glyphicon-search"></span>
                        </button>
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-right">
                            <span class="sr-only">Left menu</span>
                            <i class="fa fa-shopping-cart"></i>
                        </button>
                        <a href="@Url.Content("~")" class="navbar-brand brand-logo" role="banner">
                            <img class="logo" src="~/App_Themes/HangTot/hangtot-logo.png" alt="Hàng tốt" />
                            <span class="sr-only">Hangtot.com</span>
                        </a>
                    </div>
                    <div class="collapse navbar-collapse navbar-left" id="navbar-collapse-left">
                        <form class="search-box navbar-form navbar-left" role="search">
                            <div class="input-group">
                                <input type="text" name="searchText" class="form-control" placeholder="Tìm kiếm...">
                                <div class="input-group-btn">
                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" tabindex="-1">
                                        <span>Tất cả danh mục</span>
                                        <span class="fa fa-sort"></span>
                                    </button>
                                    <ul class="dropdown-menu" role="menu">
                                        <li class="active"><a href="#">Tất cả danh mục</a></li>
                                        <li><a href="#">Điện thoại, máy tính bảng</a></li>
                                        <li><a href="#">Máy tính, thiết bị mạng</a></li>
                                        <li><a href="#">Điện tử, thiết bị gia dụng</a></li>
                                    </ul>
                                    <button type="submit" class="btn btn-default" tabindex="-1">Tìm ngay</button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="collapse navbar-collapse navbar-right" id="navbar-collapse-right">
                        <ul class="nav navbar-nav navbar-right">
                            <li>
                                <a class="shopping-cart-info pull-right" href="#">
                                    <i class="sprite sprite-icon-shopping-cart"></i>
                                    <span class="cart-total-item">0</span>
                                    <b>Giỏ hàng</b>
                                </a>
                            </li>
                            <li>
                                <div class="login-info pull-left">
                                    <div class="hello">Xin chào,</div>
                                    <a href="#" rel="nofollow" style="color: #333;"><b>Mời đăng nhập/đăng ký</b></a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
        <section role="navigation" class="mega-menu top-mega-menu container-fluid">
            <div class="container">
                <div class="row">
                    <div class="hidden-xs col-sm-3 col-md-5 col-lg-6 fix-padding">
                        <div class="row">
                            <div class="col-xs-12 col-md-7 col-lg-5">
                                <ul class="list-unstyled mega-menu-main-nav-list cate-level-1" role="navigation">
                                    <li class="cate-level-1-item">
                                        <a href="#" title="">
                                            <i class="menu-icon fa fa-thumbs-o-up"></i>
                                            <span>Quà tặng 20/10</span>
                                            <i class="arrow-right fa fa-chevron-right"></i>
                                        </a>
                                    </li>
                                    <li class="cate-level-1-item">
                                        <a href="#" title="">
                                            <i class="menu-icon fa fa-mobile"></i>
                                            <span>Điện thoại &amp; Tablet</span>
                                            <i class="arrow-right fa fa-chevron-right"></i>
                                        </a>
                                    </li>
                                    <li class="cate-level-1-item active">
                                        <a href="#" title="">
                                            <i class="menu-icon fa fa-laptop"></i>
                                            <span>Máy tính &amp; Laptop</span>
                                            <i class="arrow-right fa fa-chevron-right"></i>
                                        </a>
                                    </li>
                                    <li class="cate-level-1-item">
                                        <a href="#" title="">
                                            <i class="menu-icon fa fa-plug"></i>
                                            <span>Điện tử &amp; Gia dụng</span>
                                            <i class="arrow-right fa fa-chevron-right"></i>
                                        </a>
                                    </li>
                                    <li class="cate-level-1-item">
                                        <a href="#" title="">
                                            <i class="menu-icon fa fa-camera"></i>
                                            <span>Máy ảnh &amp; Máy Quay</span>
                                            <i class="arrow-right fa fa-chevron-right"></i>
                                        </a>
                                    </li>
                                    <li class="cate-level-1-item">
                                        <a href="#" title="">
                                            <i class="menu-icon fa fa-building"></i>
                                            <span>Nhà cửa &amp; Đời sống</span>
                                            <i class="arrow-right fa fa-chevron-right"></i>
                                        </a>
                                    </li>
                                    <li class="cate-level-1-item">
                                        <a href="#" title="">
                                            <i class="menu-icon fa fa-heart"></i>
                                            <span>Sức khỏe &amp; Làm đẹp</span>
                                            <i class="arrow-right fa fa-chevron-right"></i>
                                        </a>
                                    </li>
                                    <li class="cate-level-1-item">
                                        <a href="#" title="">
                                            <i class="menu-icon fa fa-child"></i>
                                            <span>Mẹ, Bé &amp; Đồ chơi</span>
                                            <i class="arrow-right fa fa-chevron-right"></i>
                                        </a>
                                    </li>
                                    <li class="cate-level-1-item">
                                        <a href="#" title="">
                                            <i class="menu-icon fa fa-user"></i>
                                            <span>Thời trang &amp; Trang sức</span>
                                            <i class="arrow-right fa fa-chevron-right"></i>
                                        </a>
                                    </li>
                                    <li class="cate-level-1-item">
                                        <a href="#" title="">
                                            <i class="menu-icon fa fa-car"></i>
                                            <span>Ô tô, Xe máy &amp; Xe đạp</span>
                                            <i class="arrow-right fa fa-chevron-right"></i>
                                        </a>
                                    </li>
                                    <li class="cate-level-1-item">
                                        <a href="#" title="">
                                            <i class="menu-icon fa fa-book"></i>
                                            <span>Sách &amp; Văn phòng</span>
                                            <i class="arrow-right fa fa-chevron-right"></i>
                                        </a>
                                    </li>
                                    <li class="cate-level-1-item">
                                        <a href="#" title="">
                                            <i class="menu-icon fa fa-gift"></i>
                                            <span>Hoa &amp; Quà tặng</span>
                                            <i class="arrow-right fa fa-chevron-right"></i>
                                        </a>
                                    </li>
                                    <li class="cate-level-1-item">
                                        <a href="#" title="">
                                            <i class="menu-icon fa fa-futbol-o"></i>
                                            <span>Thể thao &amp; Dã ngoại</span>
                                            <i class="arrow-right fa fa-chevron-right"></i>
                                        </a>
                                    </li>
                                    <li class="splitter"></li>
                                    <li class="cate-level-1-item all-categories-link">
                                        <a href="#" title="">
                                            <span>Toàn bộ danh mục</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="col-xs-12 col-md-5 col-lg-7">
                                <div class="row mega-menu-sub-nav-list">
                                    <div class="col-xs-12">
                                        <ul class="cate-tab-nav">
                                            <li class="active"><a href="#" data-tab-id="category">Danh mục</a></li>
                                            <li class=""><a href="#" data-tab-id="brand">Thương hiệu</a></li>
                                            <li class="arrow" style="left: 105.875px;"></li>
                                        </ul>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="col-xs-12 col-lg-6">
                                        <ul class="cate-level-2">
                                            <li class="cate-level-2-item parent-cate"><a href="#">Máy tính cá nhân</a></li>
                                            <li class="cate-level-2-item"><a href="#">Máy tính xách tay (Laptop)</a></li>
                                            <li class="cate-level-2-item"><a href="#">Mac Desktops</a></li>
                                            <li class="cate-level-2-item"><a href="#">MacBook</a></li>
                                            <li class="cate-level-2-item"><a href="#">Máy tính để bàn</a></li>
                                        </ul>
                                        <ul class="cate-level-2">
                                            <li class="cate-level-2-item parent-cate"><a href="#">Máy chủ, máy trạm</a></li>
                                            <li class="cate-level-2-item"><a href="#">Máy chủ (Server)</a></li>
                                            <li class="cate-level-2-item"><a href="#">Máy trạm (Workstation)</a></li>
                                            <li class="cate-level-2-item"><a href="#">Phụ kiện Server, Workstation</a></li>
                                        </ul>
                                        <ul class="cate-level-2">
                                            <li class="cate-level-2-item parent-cate"><a href="#">Linh phụ kiện Laptop</a></li>
                                            <li class="cate-level-2-item"><a href="#">RAM (Laptop)</a></li>
                                            <li class="cate-level-2-item"><a href="#">Pin laptop</a></li>
                                            <li class="cate-level-2-item"><a href="#">Sạc pin laptop (Adapter)</a></li>
                                            <li class="cate-level-2-item"><a href="#">Bàn phím laptop</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-xs-12 col-lg-6">
                                        <ul class="cate-level-2">
                                            <li class="cate-level-2-item parent-cate"><a href="#">Thiết bị mạng</a></li>
                                            <li class="cate-level-2-item"><a href="#">USB 3G</a></li>
                                            <li class="cate-level-2-item"><a href="#">Access point (Wifi)</a></li>
                                            <li class="cate-level-2-item"><a href="#">Hub - Switch</a></li>
                                            <li class="cate-level-2-item"><a href="#">Modems</a></li>
                                            <li class="cate-level-2-item"><a href="#">Router</a></li>
                                        </ul>
                                        <ul class="cate-level-2">
                                            <li class="cate-level-2-item parent-cate"><a href="#">Thiết bị máy tính</a></li>
                                            <li class="cate-level-2-item"><a href="#">Chuột</a></li>
                                            <li class="cate-level-2-item"><a href="#">Bàn phím</a></li>
                                            <li class="cate-level-2-item"><a href="#">Ổ cứng di động</a></li>
                                            <li class="cate-level-2-item"><a href="#">Màn hình LCD</a></li>
                                        </ul>
                                        <ul class="cate-level-2">
                                            <li class="cate-level-2-item parent-cate"><a href="#">Dịch vụ IT</a></li>
                                            <li class="cate-level-2-item"><a href="#">Phần mềm, licenses</a></li>
                                            <li class="cate-level-2-item"><a href="#">Dịch vụ lắp đặt Internet</a></li>
                                            <li class="cate-level-2-item"><a href="#">Sửa chữa thiết bị</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-9 col-md-7 col-lg-6 rated-items fix-padding">
                        <div class="row">
                            <div class="col-xs-8 item item-lg">
                                <a href="#" title="">
                                    <img class="img-responsive" src="~/img/laptop.jpg" alt="" />
                                </a>
                            </div>
                            <div class="col-xs-4 item">
                                <a href="#" title="">
                                    <img class="img-responsive" src="~/img/laptop_hp205x171(1).jpg" alt="" />
                                </a>
                            </div>
                            <div class="col-xs-4 item">
                                <a href="#" title="">
                                    <img class="img-responsive" src="~/img/chuot_may_tinh205x171(1).jpg" alt="" />
                                </a>
                            </div>
                            <div class="clearfix"></div>
                            <div class="col-xs-4 item hidden-xs">
                                <a href="#" title="">
                                    <img class="img-responsive" src="~/img/may_tinh_lai205x171(1).jpg" alt="" />
                                </a>
                            </div>
                            <div class="col-xs-4 item hidden-xs">
                                <a href="#" title="">
                                    <img class="img-responsive" src="~/img/3g205x171(1).jpg" alt="" />
                                </a>
                            </div>
                            <div class="col-xs-4 item hidden-xs">
                                <a href="#" title="">
                                    <img class="img-responsive" src="~/img/ban_phim205x171(1).jpg" alt="" />
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </header>
    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
        </footer>
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required:=False)
</body>
</html>
